<?php echo form_open_multipart('panel/grabar_producto', array('id' => 'form')) ?>
<style>
    #dialog label, #dialog input {
        display: block;
    }

    #dialog label {
        margin-top: 0.5em;
    }

    #tabs {
        margin-top: 1em;
    }

    #tabs li .ui-icon-close {
        float: left;
        margin: 0.4em 0.2em 0 0;
        cursor: pointer;
    }

    #add_tab {
        cursor: pointer;
    }
</style>
<table width="80%" cellspacing="0" cellpadding="2" border="0">
    <tbody>
    <tr>
        <td>
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tbody>
                <tr>
                    <td class="pageHeading"><h2><?php echo $accion; ?> Producto en "<?php echo $nombreCategoriaPadre ?>"</h2></td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td><img width="1" height="10" border="0" alt="" src="/imagenes/pixel_trans.gif"></td>
    </tr>
    <tr>
        <td>
            <table cellspacing="0" cellpadding="2" border="0">
                <tbody>
                <tr>
                    <td class="main">Estado de los Productos:</td>
                    <td class="main"><img width="24" height="15" border="0" alt=""
                                          src="/imagenes/pixel_trans.gif">&nbsp;<input
                            type="radio" <?php echo (isset($estado) ? ($estado == "1" ? 'checked="true"' : '') : '')?>
                            value="1" name="estadoProducto">&nbsp;Disponible&nbsp;<input
                            type="radio" <?php echo (isset($estado) ? ($estado == "0" ? 'checked="true"' : '') : 'checked="true"')?>
                            value="0" name="estadoProducto">&nbsp;Agotado
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3"><img width="1" height="10" border="0" alt="" src="/imagenes/pixel_trans.gif"></td>
                </tr>
                <tr>
                    <td class="main">Nombre del Producto:</td>
                    <td class="main"><input type="text" size="70" id="nombreProducto" name="nombreProducto"
                                            maxlength="100"
                                            value="<?php echo isset($nombre) ? $nombre : ''; ?>"></td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3"><img width="1" height="10" border="0" alt="" src="/imagenes/pixel_trans.gif"></td>
                </tr>
                <tr>
                    <td class="main">Orden:</td>
                    <td class="main"><input size="5" type="text" id="ordenProducto" name="ordenProducto"
                                            value="<?php echo isset($orden) ? $orden : ''; ?>"></td>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td colspan="3"><img width="1" height="10" border="0" alt="" src="/imagenes/pixel_trans.gif"></td>
                </tr>
                <tr>
                    <td class="main">Imagen :</td>
                    <td class="main"><img width="24" height="15" border="0" alt=""
                                          src="/imagenes/pixel_trans.gif">&nbsp;<input size="5"
                                                                                       type="file"
                                                                                       name="imagenPrincipal"><br><img
                            width="24" height="15" border="0" alt=""
                            src="/imagenes/pixel_trans.gif"></td>
                    <?php if (isset($imagenPrincipal)) { ?>
                        <td class="main">
                            <img width="150" height="100" border="0" alt=""
                                 src="/productos/<?php echo $imagenPrincipal; ?>">&nbsp;</td>
                    <?php } ?>
                </tr>
                <tr>
                    <td colspan="3"><img width="1" height="10" border="0" alt="" src="/imagenes/pixel_trans.gif"></td>
                </tr>
                <tr>
                    <td>Descripción</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <textarea class="ckeditor" cols="120" name="descripcion" id="descripcion" rows="10">
                            <?php
                            if(isset($descripcion)){
                                echo htmlentities($descripcion,
                                    ENT_COMPAT, 'iso-8859-1');
                            }
                            ?>
                        </textarea>
                    </td>
                </tr>

                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tbody>
                <tr>
                    <td align="center" class="main" colspan="3">
                        <input type="hidden" name="imagen_delete" id="imagen_delete"
                               value='0'>
                        <button id="producto_guardar" type="button">Guardar</button>
                        <button id="producto_cancelar" type="button">Cancelar</button>
                        <input type="hidden" name="codigoCategoria"
                               value="<?php echo isset($codigoCategoria) ? $codigoCategoria : ''; ?>"/>
                        <input type="hidden" name="codigoCategoriaPadre"
                               value="<?php echo isset($codigoCategoriaPadre) ? $codigoCategoriaPadre : ''; ?>"/>
                        <input type="hidden" name="codigoProducto"  id="codigoProducto"
                               value="<?php echo isset($codigo) ? $codigo : ''; ?>"/>
                        <input type="hidden" name="sugeridos" id="sugeridos"
                               value="<?php echo isset($sugeridos) ? $sugeridos : '-1'; ?>"/>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>

    </tbody>
</table>
</form>
<script type="text/javascript">
    $(document).ready(function () {
        $("#producto_guardar").button().click(function () {
            if ($.trim($("#nombreProducto").val()) == "") {
                alert("Ingrese el nombre del producto.");
                return;
            }
            T.Aplicacion.submit('<?php echo site_url("/panel/grabar_producto");?>');
        });

        $("#producto_cancelar").button().click(function () {
            T.Aplicacion.submit('<?php echo site_url(($codigoCategoria == 0) ? "/categoria" : ("/panel/ver/" . $codigoCategoria));?>');
        });
        $('input.numero').autoNumeric({aSep: '', mDec: 0, vMin: ''});
    });

    function agregar(tbl,lineaId) {
        var grid = $("#" + tbl);
        var rows = $('input[name^="imagen_orden_'+lineaId+'"]', grid).length;
        var html = '<tr id="imagen_' + rows + '"><td class="main"><input type="text" style="font-size: 12px" value="" class="numero" name="imagen_orden_'+lineaId+'[]" size="3"><input type="hidden" name="imagen_codigo_'+lineaId+'[]" size="5"></td><td class="main" style="font-size: 12px">Archivo:</td><td class="main"><input name="imagen_nombre_'+lineaId+'_' + rows + '" type="file" style="font-size: 12px" size="20" ></td>';
        html += ' <td align="center" class="dataTableContent"><a href="#" onclick="T.Aplicacion.delete_row(\'delete_caracteristicas\',\'caracteristica_\',' + rows + ' )" class="save_class"><img alt="Eliminar caracteristica" src="/imagenes/iconos/delete.gif" width="16" border="0" height="16"></a></td></tr>';
        $(grid).append(html);
    }
</script>